<template>
<!--  <temp></temp>-->
  <appHeaderBlack></appHeaderBlack>
  <appHeaderSearch></appHeaderSearch>
  <appHeaderCategory></appHeaderCategory>
  <appHeaderStick></appHeaderStick>
  <aplusmax-carousel v-if="$route.name === 'pcHome'"></aplusmax-carousel>

  <wrapper-breadcrumbs v-if="$route.name !== 'pcHome'"></wrapper-breadcrumbs>
  <div class="app-body row-padding justify-center container-xxl container-row">
    <!-- 二级路由 -->
    <keep-alive>
      <router-view/>
    </keep-alive>
<!--    <router-view v-if="!$route.meta.keepAlive" />-->
  </div>


  <appFooter></appFooter>

  <aplusmaxHelp></aplusmaxHelp>
  <Top></Top>
</template>

<script setup lang='ts'>
import {defineProps, defineEmits, defineExpose} from 'vue'
import appHeaderBlack from "@/components/pc/app-header-black.vue"
import appHeaderSearch from "@/components/pc/app-header-search.vue"
import appFooter from "@/components/pc/app-footer.vue"
import appHeaderCategory from "@/components/pc/app-header-category.vue"
import appHeaderStick from "@/components/pc/app-header-category-sticky.vue"
import Top from "@/components/pc/Library/aplusmax-to-top.vue"
import aplusmaxHelp from "@/components/pc/Library/aplusmax-help.vue"
import temp from "@/components/pc/Library/temp.vue"
import WrapperBreadcrumbs from "@/components/pc/wrapper-breadcrumbs.vue";

defineProps({})

const emit = defineEmits([])

defineExpose({})
</script>

<style scoped lang='less'>
</style>